<template>
	<view class="" style="background-color: #f8f8f8;">
		<view class="" style="height: 26rpx;"></view>
		<view class="" style="padding: 20rpx 30rpx;background-color: #fff;">
			<view class="" style="display: flex;border-bottom: 1rpx solid #f7f7f7;padding: 20rpx; 0">
				<u-avatar :src="user.avatar"></u-avatar>
				<view class="" style="margin-left: 30rpx;flex-direction: column;justify-content: space-between;">
					<view class="">
						{{user.nickname}}
					</view>
					<view class="" style="margin-top: 10rpx;color: #b1b1b1;">
						部门：{{user.department}}
					</view>
				</view>
			</view>
			<view class="" style="display: flex;justify-content: space-around;padding: 30rpx;">
				<view class="">
					<view class="" style="text-align: center;font-weight: bold;font-size: 36rpx;">
						{{user.position_days}}
					</view>
					<view class="" style="color: #b1b1b1;">
						在职天数
					</view>
				</view>
				<view class="">
					<view class="" style="text-align: center;font-weight: bold;font-size: 36rpx;">
						{{user.memorandum_number}}
					</view>
					<view class="" style="color: #b1b1b1;">
						我的备忘
					</view>
				</view>
			</view>
		</view>
		<view class="" style="height: 26rpx;"></view>
		<view class="" style="background-color: #fff;">
			<view class="" style="display: flex;justify-content: space-between;border-bottom: 1rpx solid #f7f7f7;padding: 30rpx;" @click="toOrder">
				<view class="" style="display: flex;align-items: center;">
					<image src="../../static/img/order.png" style="width: 50rpx;height: 50rpx;" mode=""></image>
					<view class="" style="margin-left: 20rpx;">
						我的订单
					</view>
				</view>
				<view class="">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="" style="display: flex;justify-content: space-between;border-bottom: 1rpx solid #f7f7f7;padding: 30rpx;" @click="toMemorandum">
				<view class="" style="display: flex;align-items: center;">
					<image src="../../static/img/notes.png" style="width: 50rpx;height: 50rpx;" mode=""></image>
					<view class="" style="margin-left: 20rpx;">
						我的备忘录
					</view>
				</view>
				<view class="">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user:''
			}
		},
		onShow() {
			this.user = JSON.parse(uni.getStorageSync('userinfo'))
			console.log('user',this.user)
		},
		methods: {
			toOrder(){
				uni.navigateTo({
					url:'/pages/me/myOrder'
				})
			},
			toMemorandum(){
				uni.navigateTo({
					url:'/pages/memorandum/memorandum'
				})
			},
		}
	}
</script>

<style>
</style>